<!DOCTYPE html><html lang="en"><head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>登陆</title>
	<style>
		#form-wrap {
			width: 30%;
			margin: 20px auto;
		}

		button,
		input ,
		select{
			padding: 10px 20px;
			width: 100%;
			box-sizing: border-box;
			border: 1px solid #ccc;
		}

		.input-wrap {
			margin-bottom: 20px;
		}

		.input-wrap:after {
			content: ' ';
			clear: both;
			display: block;
		}

		.left {
			padding-top: 10px;
			float: left;
			width: 20%;
		}

		.right {
			float: left;
			width: 80%;
    }
    .own_alert_div {
      display: none;
    }
	</style>
</head>

<body>
	<div id="form-wrap">
		<form id="form" action="/login/login">
			<div class="input-wrap">
				<div class="left">身份证号:</div>
				<div class="right">
          <!-- 110102198506020042 110225196909090329 810125478-->
					<input type="text" placeholder="请输入身份证号" id="username" name="username" value="110223197201265666">
				</div>
			</div>
			<div class="input-wrap">
				<div class="left">姓名：</div>
				<div class="right">
					<input type="text" placeholder="请输入姓名" id="userpwd" name="userpwd" value="李春明">
				</div>
			</div>
			<div class="input-wrap">
				<div class="left">联系电话：</div>
				<div class="right">
					<input type="text" placeholder="请输入联系电话" maxlength="11" id="userlxdh" name="userpwd" value="1381****124">
				</div>
			</div>
			<div class="input-wrap">
				<div class="left">userid：</div>
				<div class="right">
					<input type="text" placeholder="请输入userid" id="userid" name="userid" value="110223197201265666">
				</div>
      </div>
      <div class="input-wrap">
        <div class="left">证件类型：</div>
        <div class="right">
          <input type="text" placeholder="请输入证件类型" id="zjlx" name="zjlx" value="01">
          <!-- 01身份证  02  03  04  -->
        </div>
      </div>
			<button type="submit" id="btnLogin">登陆</button>
    </form>
  </div>
  <script src="./common/vendor.js"></script>
  <script src="./common/common.js"></script>
	<script>
  $(function () {
    $('#btnLogin').click(function (event) {
      event.preventDefault();
      $.fetch({
        url: '/login/login',
        type: 'post',
        data: {
          sfzhm: $('#username').val(),
					xm: $('#userpwd').val(),
					lxdh: $('#userlxdh').val(),
					userid: $('#userid').val(),
          zjlx: $('#zjlx').val()
        }
      }).done(function (result){
        if (result.returnCode == '1') {
          var valueSelect = $('#zjlx').val();
          // 01 身份证 06 香港 07 澳门
          if (valueSelect === '01'||'06'||'07' ) {
            window.location.href = './index.html';
          }
        }
      });

    });
  });
	</script>



</body></html>
